<template>
	<div>
		<Gheader :showheader="Gheaderdata"></Gheader>
		<Scroll class="wrapper">
			<div>
				<div class="empty"></div>	
				
				<div class="dkw"  v-for="item in imgcircle">
					<Dcircle :circlecont="item" :circlehide='circlehide'></Dcircle>
				</div>
			</div>
		</Scroll>
		
	</div>
</template>
<script type="text/javascript">
	import Scroll from "../../../base/Scroll"
	import Gheader from "../G-person/person-center/Gheader"
	import Dcircle from "./circle/Dcircle"
	export default {
	  name: 'StockOutKing',
	  data(){
			return{
				circlehide:{
					bol:[false,true,true]
				},
				Gheaderdata:{
					word:'这些都是 "断货王" ',
					left:[true,false,false],
					right:[false,false,false,true,false,false],
					leftword:"",
					rightword1:"",
					rightword2:""
				},
				imgcircle:[]
				
			}
		},
		created:function(){
			this.axios.post("/api/goodsking").then(function(data){
//				console.log(data);
				this.imgcircle = data.data.allArr.imgcircle;
//				console.log(this.imgcircle);
				}.bind(this))
		},
	  components:{
	  	Gheader,
	  	Dcircle,
	  	Scroll
	  }
	}
</script>

<style scoped>
	.dkw{
		border-bottom: 1px solid #ccc;
		margin-bottom: 1rem;
	}
	.wrapper{
		overflow: hidden;
		height: 80vh;
		background: #f2f2f2;
		width: 100%;
	}
	.empty{
		width: 100%;
		height: 4vh;
		background: white;
	}
</style>